{include file="layout/top"/}
<body class="hold-transition login-page admin-login-body-background">
    
<!-- <script src="__STATIC__/module/admin/ext/background/login_background.js"></script> -->

<!-- <canvas></canvas> -->
<div id="canvas" class="gradient"></div>
  <!-- Main library -->
    <script src="http://cdn.bootcss.com/three.js/r68/three.min.js"></script>
    <!-- Helpers -->
    <script src="__STATIC__/module/admin/bgtx/projector.js"></script>
    <script src="__STATIC__/module/admin/bgtx/canvas-renderer.js"></script>
    <!-- Visualitzation adjustments -->
    <script src="__STATIC__/module/admin/bgtx/3d-lines-animation.js"></script>
  <!-- <script src="http://www.jq22.com/jquery/2.1.1/jquery.min.js"></script> -->
  <script src="__STATIC__/module/admin/bgtx/color.js"></script> 
l<link rel="stylesheet" href="__STATIC__/module/admin/css/detailsmusic.css">
<!-- <div class="admin-login-box">
  <div class="login-logo">
      <a href="" class="login-logo-a"><b>Financial</b>System</a>
  </div>

  <div class="login-box-body"> -->
    <!-- <p class="login-box-msg">请输入您的登录信息</p>

    <form action="{:url('loginHandle')}" method="post" class="admin-login-form"> -->
      <!-- <div class="form-group has-feedback">
          <input type="text" name="username" class="form-control" placeholder="请输入您的用户名">
           <span class="glyphicon glyphicon-user form-control-feedback"></span>
      </div>
      <div class="form-group has-feedback">
           <input type="password" name="password" class="form-control" placeholder="请输入您的密码">
           <span class="glyphicon glyphicon-lock form-control-feedback"></span>
      </div>
        
        <div>
            <img src="{:captcha_src()}" alt="captcha" class="admin-login-captcha-img captcha_change" id="captcha_img"/>
        </div>
        <br/>
      <div class="row">
        <div class="col-xs-8">
          <input type="text" name="verify" class="form-control verify" placeholder="请输入您的验证码">
          <span class="glyphicon glyphicon-open form-control-feedback admin-login-captcha-input-icon"></span>
        </div>
        <div class="col-xs-4">
          <button type="button" class="btn btn-primary btn-block btn-flat captcha_change">换一张</button>
        </div>
      </div>

        <div class="social-auth-links text-center">
            
          <button  type="submit" class="btn btn-block btn-facebook ladda-button login-submit-button" data-style="slide-up">
              <span class="ladda-label">登 录</span>
          </button>
            
        </div> -->
        <div class="music-lgin">

      <div class="music-lgin-all">
        <!--左手-->
        <div class="music-lgin-left ovhd">
          <div class="music-hand">
            <div class="music-lgin-hara"></div>
            <div class="music-lgin-hars"></div>
          </div>
        </div>

        <!--脑袋-->
        <div class="music-lgin-dh">
          <div class="music-lgin-alls">
            <div class="music-lgin-eyeleft">
              <div class="music-left-eyeball yeball-l"></div>
            </div>
            <div class="music-lgin-eyeright">
              <div class="music-right-eyeball yeball-r"></div>
            </div>
            <div class="music-lgin-cl"></div>
          </div>
          <!--鼻子-->
          <div class="music-nose"></div>
          <!--嘴-->
          <div class="music-mouth music-mouth-ds"></div>
          <!--肩-->
          <div class="music-shoulder-l">
            <div class="music-shoulder"></div>
          </div>
          <div class="music-shoulder-r">
            <div class="music-shoulder"></div>
          </div>
          <!--消息框-->
          <!-- <div class="music-news" style="min-width:62px;">来了,老弟！</div> -->
        </div>

        <!--右手-->
        <div class="music-lgin-right ovhd">
          <div class="music-hand">
            <div class="music-lgin-hara"></div>
            <div class="music-lgin-hars"></div>
          </div>
        </div>

      </div>

      <!--1-->
      <form action="{:url('loginHandle')}" method="post" class="admin-login-form">
      <div class="music-lgin-text">
        <input class="inputname inputs" type="text" placeholder="用户名" name="username" />
      </div>
      <!--2-->
      <div class="music-lgin-text">
        <input type="password" class="mima inputs" placeholder="密码" name="password" />
      </div>
      <div class="music-lgin-text">
        <img src="{:captcha_src()}" alt="captcha" class="admin-login-captcha-img captcha_change" id="captcha_img"/ style="height: 40px;width: 314px;">
      </div>
      <div class="music-lgin-text">
        <input type="text" name="verify" class="form-control verify" placeholder="请输入您的验证码" style="float: left;width:60%;">
        <button type="button" class="btn btn-primary btn-block btn-flat captcha_change" style="float: left;width:35%;margin-left: 10px">换一张</button>
          <!-- <span class="glyphicon glyphicon-open form-control-feedback admin-login-captcha-input-icon"></span> -->
      </div>
      <!--3-->
      <div class="music-lgin-text">
        <input class="music-qd inputs btn btn-block btn-facebook ladda-button login-submit-button" type="submit" value="确定" />
      </div>
    </form>
    <script type="text/javascript">
      //眼睛 密码部分
      $(".mima").focus(function() {
        $(".music-lgin-left").addClass("left-dh").removeClass("rmleft-dh");
        $(".music-lgin-right").addClass("right-dh").removeClass("right-rmdh");
        $(".music-hand").addClass("no");
      }).blur(function() {
        $(".music-lgin-left").removeClass("left-dh").addClass("rmleft-dh");
        $(".music-lgin-right").removeClass("right-dh").addClass("right-rmdh");
        $(".music-hand").removeClass("no");

      })
      //点击小人出来
      $(".inputname").focus(function() {
        $(".music-lgin-all").addClass("block");
        $(".music-news").addClass("no")
      })
      // 点击小人消失

               $(".music-qd").focus(function(){
                 $(".music-lgin-all").removeClass("block")
               })


      //注册正则 简单判断
       
            // $('.music-qd').click(function(){
            //     if(($('.inputname').val()=='')){
            //         $(".music-news").html("请输入用户名")      
            //     }else if(($('.mima').val()=='')){
            //        $(".music-news").html("请输入密码")
            //         $(".music-news").addClass("block")
            //     }else{
            //       alert('提交ajax')
            //     }      
            // })
    
    </script>
    </div>
    <!-- </form> -->

    <!-- /.social-auth-links -->
    <!--<a href="#">找回密码</a><br>-->

  <!-- </div> -->
  <!-- /.login-box-body -->
<!-- </div> -->
<!-- /.login-box -->
{include file="layout/bottom"/}